<script setup>
import yao from "./components/yao.vue"
import Project from './components/project.vue';
import more from './components/more.vue';

</script>

<template>
   <div class="zz">
        <yao />
        <Project class="ss"/>
        <more class="ss"/>
    </div>
</template>
<style scoped>
    .home {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        font-size: 30px;
    }

    .home img {
        width: 30%;
        height: 70%;
    }
    .ss{
        margin: 20px 310px  ;
    }
    /* .zz{
        position: relative;
        left: 50%;
        transform: translate(-50%);
    } */
    
</style>